var HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    entry : './src/app.js',
    output : {
        path:__dirname+'/dist/',
        filename : 'js/[name].js',
        // publicPath : ''   //输出的文件打包到线上的地址
    },
    module : {
        loaders : [
          
            {
                test : /\.js$/,
                loader : 'babel-loader',
                include :__dirname+"src",
                exclude :__dirname+"node_modules",
                query : {
                        "presets": ["latest"]
                }
            },{
                test :/\.css$/,
                use :['style-loader','css-loader',
                {
                    loader : 'postcss-loader',
                    options : {
                        plugins:[require('postcss-import'),require('autoprefixer')],
                        browser : ['last 5 versions']
                    }
                }
                ]
            },
            {
                test : /\.less$/,
                use : ['style-loader','css-loader',
                {
                    loader : 'postcss-loader',
                    options : {
                        plugins:[require('postcss-import'),require('autoprefixer')],
                        browser : ['last 5 versions']
                    }
                },'less-loader']
            },
            {
                test : /\.sass$/,
                use : ['style-loader','css-loader',
                {
                    loader : 'postcss-loader',
                    options : {
                        plugins:[require('postcss-import'),require('autoprefixer')],
                        browser : ['last 5 versions']
                    }
                },'sass-loader']
            },
            {
                test : /\.string$/,
                loader : 'html-loader'
            },
            {
                test : /\.ejs$/,
                loader : 'ejs-loader'
            },
            {
                test : /\.(img|jpg|png|svg|gif)$/i,
                use : [
                    {
                        loader : 'url-loader',
                        options : {
                            limit : 3000,
                            name : 'image/[name]-[hash:5].[ext]'
                        }
                    },
                    {
                        loader: 'img-loader'
                    }
                ]
            }



        ]
    },

    plugins : [
        new HtmlWebpackPlugin({
            template : 'index.html',            //和根目录下的index.html进行关联
            filename : 'index.html',            // 打包输出对应的html文件，也可以自定义目录
            inject   : 'head',                 //把js放在head标签里面
            title    : 'this is webpack',      //定义页面的title可以定义个函数调用
            // minify   : {                //对html进行压缩
            //     removeComments : true,         //删除注释
            //     collapseWhitespace : true      //删除空格
            // }
        })
    ]
}